<template>
	<div class="wrapper">
		<div class="dis">
			<div class="main">
				<div class="institution_a">
					<div class="institution">
						订单编号：{{list.flowId}}
					</div>
					<div class="condition">
						机构：<span v-if="list.channelCode=='CHANNEL_POS_HK_SD'">海科</span>
						<span v-if="list.channelCode=='CHANNEL_POS_LS_SD'">乐刷</span>
					</div>
					<div class="condition">
						终端编号：{{list.terminalSn}}
					</div>
					<div class="condition">
						代理商编号：{{list.agentNo}}
					</div>
					<div class="condition">
						商户编号：{{list.merchantNo}}
					</div>
					<div class="condition">
						代理商名称：{{list.agentName}}
					</div>
					<div class="condition">
						分润金额：{{shareAmount}}元
					</div>
					<div class="condition">
						收益类型：<span v-if="shareType==0">微信</span>
						<span v-else-if="shareType==1">支付宝</span>
						<span v-else-if="shareType==2">银联小额</span>
						<span v-else-if="shareType==3">银联大额</span>
						<span v-else-if="shareType==4">POS信用卡T0</span>
						<span v-else-if="shareType==5">POS信用卡T1</span>
						<span v-else-if="shareType==6">POS借记卡T0</span>
						<span v-else-if="shareType==8">POS云闪付</span>
						<span v-else-if="shareType==9">POS银联</span>
						<span v-else-if="shareType==10">POS微信</span>
						<span v-else-if="shareType==11">POS支付宝</span>
						<span v-else-if="shareType==12">POS大额支付宝</span>
						<span v-else-if="shareType==13">POS出款分润</span>
						<span v-else-if="shareType==14">提现分成</span>
						<span v-else-if="shareType==15">SIM卡返现</span>
                        <span v-else-if="shareType==16">政策奖励</span>
					</div>
					<div class="condition">
						交易金额：{{list.amount}}元
					</div>
					
					<div class="condition">
						交易费率：{{list.payCost}}%
					</div>
					<div class="condition">
						手续费：{{list.payFee}}元
					</div>
					<div class="condition">
						交易状态：{{list.transDesc}}
					</div>
					<div class="condition">
						交易时间：{{list.createTime}}
					</div>
				</div>
			</div>
		</div>
		
	</div>
</template>

<script>
	import {
		selectPosOrderByld
	} from '@/api/terminal'
	import store from '@/store'
	import {
		showToast
	} from 'vant'
	import {
		useRoute,
		useRouter,
		RouterView
	} from 'vue-router'
	import {
		defineComponent,
		reactive,
		toRefs,
		ref,
		onMounted
	} from 'vue';
	export default defineComponent({
		name: 'sateActive',
		setup() {
			const router = useRouter()
			const route = useRoute()
			const state = reactive({
				list:[],
				shareAmount:'',
				shareType:""
			})
			const getFindPageList = () => {
			    selectPosOrderByld({
			       flowId:route.query.flowId
			    }).then(res => {
			        state.shareAmount=route.query.shareAmount
					state.shareType=route.query.shareType
			        state.list =res.data
			    })
			}
			getFindPageList()
			return {
				...toRefs(state),
				getFindPageList
			}
		}
	})
</script>
<style scoped lang="scss">
	.wrapper{
		width: 100%;
		height: 100%;
		min-height: 100vh;
		background-color: #fff;
		.main{
			width: 92%;
			background: #FFFFFF;
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
			border-radius: 6px;
			padding: 12px 0px 12px 12px;
			box-sizing: border-box;
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 12px;
			color: #333333;
			margin-top: 12px;
			.condition {
				margin-top: 10px;
				// margin-left: 12px;
			}
		}
	}
	
</style>